var FONT = {
	color: '#349cc0'
}
var BG = {
	bC: 'rgba(255,255,255,.06)',
}
var piecolor4 = ['#67abf2', '#ece908', '#e78045', '#38c17c']
var piecolor6 = ['#67abf2', '#ece908', '#e78045', '#38c17c', '#8c8bd4', '#c04756']
var barStr = {
	backgroundColor: BG.bC,
	title: {
		text: '单位：百万/人',
		right: 0,
		top: 0,
		textStyle: {
			color: '#fff',
			fontSize: 10
		}
	},
	grid: {
		top: 35,
		left: 47,
		right: '5%',
		bottom: 30,
	},
	tooltip: {
		trigger: 'axis',
		axisPointer: {
			type: 'shadow'
		}
	},
	yAxis: {
		type: 'value',
		axisLine: {
			lineStyle: {
				color: FONT.color
			}
		},
		splitLine: {
			lineStyle: {
				color: FONT.color
			}
		},
		axisLabel: {
			color: "#fefefe",
			fontSize: 8,
			formatter: '{value}'
		},
		axisTick: {
			show: false,
		}
	},
	xAxis: {
		type: 'category',
		axisLine: {
			lineStyle: {
				color: FONT.color
			}
		},
		axisLabel: {
			color: "#fff",
			fontSize: 8
		},
		splitLine: {
			show: true,
			lineStyle: {
				color: FONT.color
			}
		},
		axisTick: {
			show: false,
		}
	},
	series: [{
		name: '区间人数',
		type: 'bar',
		barWidth: 14,
		itemStyle: {
			barBorderRadius: [30, 30, 0, 0],
			color: new echarts.graphic.LinearGradient(
				0, 0, 0, 1, [{
						offset: 0,
						color: '#02ecff'
					},
					{
						offset: 0.5,
						color: '#02ecff'
					},
					{
						offset: 1,
						color: '#0c4761'
					}
				]
			)
		}
	}]
};

var pieStr = {
	backgroundColor: BG.bC,
	tooltip: {
		trigger: 'item',
		formatter: "{b} : {c}<br/> ({d}%)"
	},
	grid: {
		top: 0,
		left: 0,
		right: 0,
		bottom: 0,
	},
	legend: {
		orient: 'vertical',
		top: '18',
		right: '10%',
		itemWidth: 10,
		itemHeight: 10,
		itemGap: 18,
		textStyle: {
			color: '#fff',
			fontSize: 10,
			padding: [0, 10]
		},
	},
	calculable: true,
	series: [{
		//name: '联盟企业占比',
		type: 'pie',
		radius: '80%',
		center: ['35%', '50%'],
		roseType: 'radius',
		clockwise: false,
		label: {
			show: false,
			normal: {
				show: false,
				formatter: '{b|{b}} \n {c|{c}%} ',
				rich: {
					c: {
						color: '#fff',
						lineHeight: 12,
						align: 'center'
					},
					b: {
						align: 'center',
						color: '#fff',
						fontSize: 12,
						lineHeight: 12
					}
				}
			},
			emphasis: {
				//show: true
			}
		},
		labelLine: {
			normal: {
				lineStyle: {
					color: 'rgba(255, 255, 255, .5)'
				},
				//smooth: 0.5,
				length: 10,
				length2: 10
			}
		},
		itemStyle: {
			normal: {
				shadowBlur: 10,
				shadowColor: 'rgba(0, 0, 0, 0.5)'
			}
		},
		animationType: 'scale',
		animationEasing: 'elasticOut'
	}],
};

var mapStr = {
	tooltip: {
		trigger: 'item',
		formatter: function(params) {
			return params.name + ' : ' + params.value[2];
		}
	},
	geo: {
		map: 'china',
		left: '8%',
		right: '8%',
		label: {
			emphasis: {
				show: false
			}
		},
		itemStyle: {
			normal: {
				areaColor: '#1e4f94',
				borderColor: '#0d2b5f',
				borderWidth: .5
			},
			emphasis: {
				areaColor: '#2a62aa'
			}
		}
	},
	visualMap: {
		show: false,
		min: 0,
		max: 800,
		inRange: {
			symbolSize: [8, 20]
		},
		color: ["#50a3ba"]
	},
	series: [{
		name: '',
		type: 'effectScatter',
		coordinateSystem: 'geo',
		mapType: 'china',
		roam: false,
		label: {
			normal: {
				show: false
			},
			emphasis: {
				//show: true
			}
		},
		data: indexData['chart4'].data,
		symbolSize: 12,
		itemStyle: {
			color: '#ffe84e',
			areaColor: '#ffe84e',
			borderColor: 'transparent',
			shadowColor: '#ffe84e',
			shadowBlur: 30
		}
	}]

};

var line = {
	backgroundColor: BG.bC,
	title: {
		text: '单位：万/人',
		right: 0,
		top: 0,
		textStyle: {
			color: '#fff',
			fontSize: 10
		}
	},
	grid: {
		top: 35,
		left: 47,
		right: '5%',
		bottom: 30,
	},
	xAxis: {
		type: 'category',
		axisLine: {
			lineStyle: {
				color: FONT.color
			}
		},
		axisLabel: {
			color: "#fff",
			fontSize: 8
		},
		splitLine: {
			show: true,
			lineStyle: {
				color: FONT.color
			}
		},
		axisTick: {
			show: false,
		}
	},
	yAxis: {
		axisLine: {
			lineStyle: {
				color: FONT.color
			}
		},
		splitLine: {
			lineStyle: {
				color: FONT.color
			}
		},
		axisLabel: {
			color: "#fefefe",
			fontSize: 8,
			formatter: '{value}'
		},
		axisTick: {
			show: false,
		}
	},
	
	series: [{
		type: 'line',
		symbol: 'circle',
		symbolSize:2,
		lineStyle: {
			normal: {
				width: 2,
				color: '#00ffff',
				shadowBlur: 6,
			}
		},
		itemStyle: {
			normal: {
				color: '#000',
				borderColor: '#00ffff',
				borderWidth: 10,
			}
		},
		label: {
			normal: {
				show: false,
				position: 'top',
				color: '#ffffff',
				fontSize: 12
			},
			emphasis: {
				show: true
			}
		},
	}, ]
}